.sidebar-menu>li>a,.treeview-menu>li>a{
	color: #58c4d0;
}

.main-sidebar{
	background-image: url("../../assets/img/bagLeft.png");
	background-repeat:no-repeat;
	background-size: 15% 60%;
	background-position:-5px 45%;
}

.sidebar{
	position: relative;
	left: 20px;
	top:30px;
	background-image: url("../../assets/img/border.png");
	background-repeat:no-repeat;
	background-size: 100% 100%;
	padding: 8px 8px 8px 0px;
	padding-bottom: 5%;
	margin-top:15%;
}

.user-panel>.image>img{
	max-width: 100px;
  margin-top:20px;
}

.active{
	font-weight: bold;
	color: white!important;
}
.sidebar-menu>hr{
	width: 90%;
	margin-top: 0px;
	margin-bottom: 0px;
	border:none;
	border-top:1px solid #58c4d0;
}
.treeview>hr{
	width: 90%;
	margin-top: 0px;
	margin-bottom: 0px;
	border:none;
	border-top:1px solid #58c4d0;
}

.active:first-child{
}
.main-sidebar{
	width: 200px;
}
.sidebar[_ngcontent-c2]{
	margin-top:12%;
}

.treeview-menu{
	padding-right: 20px;
}

.sidebar-menu>li>a>.fa, .sidebar-menu>li>a>.glyphicon, .sidebar-menu>li>a>.ion,.treeview-menu>li>a>.fa, .treeview-menu>li>a>.glyphicon, .treeview-menu>li>a>.ion{
	width: 10px;
}

.treeview-menu>li>a{
	padding: 5px 5px 5px 25px;
}

